<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>index</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
	<link rel="stylesheet" href="../lib/reset.css" />
	<link rel="stylesheet" href="header/header.css" />
	<link rel="stylesheet" href="searchBar/searchBar.css" />
	<link rel="stylesheet" href="category/category.css" />
	<link rel="stylesheet" href="/MeituanPR/index/contentList/contentList.css" />
	<link rel="stylesheet" href="/MeituanPR/index/starScores/starScores.css" />
	<link rel="stylesheet" href="/MeituanPR/Common/bottomBar/bottomBar.css" />
	<script type="text/javascript">
		<!--修改HTML根元素单位为rem-->
		(function () {
			var docEL = document.documentElement;
			function setRemUnit() {
				//获取rem基准值
				var rem = docEL.clientWidth/10;

				//动态设置HTML根元素的fontsize
				docEL.style.fontSize = rem + 'px';
			}
			setRemUnit();
			//窗口大小变化时触发
			window.addEventListener('resize',setRemUnit);

			//窗口出现在当前屏幕时(有浏览器兼容性)
			window.addEventListener('pageshow',function (e) {
				if (e.persisted){
					setRemUnit();
				}
			})
		})();
	</script>
</head>
<body>
    <!--header开始-->
	<div class="header">
		<div class="location-bar">
			<div class="location-text">广州市</div>
		</div>
		<div class="search-bar">
			<p class="placeholder">鸡翅</p>
		</div>
		<img class="header-img" src="https://app.nihaoshijie.com.cn/upload/bannertemp.e8a6fa63.jpg" />
	</div>
	<!--header结束-->
	<!--类目开始-->
	<div class="category-content clearfix"></div>
	<!--类目结束-->
	<!--列表内容开始-->
	<div class="list-content">
		<h4 class="list-title">
			<span class="title-line"></span>
			<span>附近商家</span>
			<span class="title-line"></span>
		</h4>
		<!--商家列表开始-->
		<div class="container"></div>
		<!--商家列表结束-->
		<!--加载中的样式-->
		<div class="loading">加载中</div>
	</div>
	<!--列表内容结束-->
	<!--底部栏开始-->
	<div class="bottom-tab"></div>
	<!--底部栏结束-->
<script type="text/javascript" src="/MeituanPR/lib/jquery.min.js"></script>
<script type="text/javascript" src="/MeituanPR/index/category/category.js"></script>
<script type="text/javascript" src="/MeituanPR/index/contentList/contentList.js"></script>
<script type="text/javascript" src="/MeituanPR/index/starScores/starScores.js"></script>
<script type="text/javascript" src="/MeituanPR/Common/bottomBar/bottomBar.js" ></script>
</body>
</html>